<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>练习作业</title>
		<style type="text/css">
			.style1{
				background-color:lemonchiffon;/*设置背景颜色*/
				width: 100px;/*设置文本宽度*/
				margin: 0 auto;/*设置居中*/
				padding: 8px;/*内边框*/
				font-weight: bold;/*设置设置字体为粗*/
				border: 1px solid #ccc;/*设置整体边框的粗细、线性、颜色*/
			}
			a{
				border-top:8px solid blue;/*设置超链接的上面边框为蓝色*/
				display: block;/*设置化为块级元素，可以设置后面的高度*/
				color: blue;/*将超链接的颜色设置为黑色*/
				text-decoration: none;/*去除下划线*/
				padding: 4px 8px;/*内边框上下为4，左右为8*/
				
			}
			a:visited
			{
				display: block;/*设置化为块级元素，可以设置后面的高度、宽度*/
				padding: 4px 10px;/*内边框上下为4，左右为8*/
				color:black;/*设置访问后的颜色*/
				text-decoration: none;/*设置访问后没有下划线*/
				border-top: 8px solid blue;/*设置访问后还具有蓝色的上边框*/
				height: lem;
			}
			a:hover{
				color: blue;/*经过时的颜色*/
				border-top: 8px solid #63f;/*鼠标经过时上边框的变化*/
			}
		</style>
	</head>
	<body>
		<div class="style1">
			<a href="#">首页</a>
			<a href="#">关于</a>
			<a href="#">帮助</a>
			<a href="#">联系</a>
		</div>
	</body>
</html>